<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<title>学院-视频教学</title>
</head>
<body style="background:#edf2f7;">
<div class="container-fluid mb22">
	<div class="row global-top">
		<div class="col-xs-3">
		</div>
		<div class="col-xs-6">
			<div class="college-change">
				<a href="">视频教学</a>
				<a href="" class="active">考试中心</a>
			</div>
		</div>
		<div class="col-xs-3">
			<div class="right">
				<a href="" class="icon2"></a>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-xs-12">
			<div class="global-serch">
				<select><option>帖子</option><option>新闻</option><option>资料</option></select>
				<input type="text" placeholder="圈子"/>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-xs-12">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="#"><img src="images/xs2.png"></a>
					</div>
					<div class="swiper-slide">
						<a href="#"><img src="images/xs1.png"></a>
					</div>
				</div>
				<div class="swiper-pagination">
					<span></span>
					<span></span>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-xs-12">
			<div class="exam-class">
				<div class="col-xs-3">
					<a href=""><span class="exam8"></span><p>视频分类1</p></a>
				</div>
				<div class="col-xs-3">
					<a href=""><span class="exam9"></span><p>视频分类2</p></a>
				</div>
				<div class="col-xs-3">
					<a href=""><span class="exam10"></span><p>视频分类3</p></a>
				</div>
				<div class="col-xs-3">
					<a href=""><span class="exam11"></span><p>视频分类4</p></a>
				</div>
			</div>
		</div>
	</div>
	<div class="row index-list">
		<div class="col-xs-12">
			<div class="global-title">
				<a href="">付费好课</a>
			</div>
		</div>
		<div class="col-xs-6">
			<a href="" class="content">
				<img src="images/idx_03.jpg"/>
				<span>2016会计证一次通关</span>
			</a>
		</div>
		<div class="col-xs-6">
			<a href="" class="content">
				<img src="images/idx_03.jpg"/>
				<span>圈子</span>
			</a>
		</div>
		<div class="col-xs-12">
			<div class="global-title">
				<a href="">免费好课</a>
			</div>
		</div>
		<div class="col-xs-6">
			<a href="" class="content">
				<img src="images/idx_03.jpg"/>
				<span>圈子</span>
			</a>
		</div>
		<div class="col-xs-6">
			<a href="" class="content">
				<img src="images/idx_03.jpg"/>
				<span>2016会计证一次通关</span>
			</a>
		</div>
	</div>
	<footer class="index-footer">
		<div class="b20">
			<a href="">
				<img src="images/icon3.png"/>
				<p>圈子</p>
			</a>
		</div>
		<div class="b20">
			<a href="">
				<img src="images/icon4.png"/>
				<p>悬赏</p>
			</a>
		</div>
		<div class="b20">
			<a href="">
				<img src="images/icon5.png"/>
				<p>招聘</p>
			</a>
		</div>
		<div class="b20">
			<a href="" class="active">
				<img src="images/icon11.png"/>
				<p>学院</p>
			</a>
		</div>
		<div class="b20">
			<a href="">
				<img src="images/icon7.png"/>
				<p>商城</p>
			</a>
		</div>
	</footer>
</div>
<script type="text/javascript">
	$(document).ready(function(){
		var mySwiper = new Swiper('.swiper-container',{
			loop:true,
			autoplay:3000,
			grabCursor:true,
			paginationClickable:true,
			pagination: '.swiper-pagination',
		});
	});
</script>
</body>
</html>
